<!-- Ana Luisa Figón Treviño -->
<html>
	<head>
		<meta charset='utf-8'>
		<title>EventosJQ</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	</head>
	<body>

		<label>
			Factorial de este número: 
			<input type='number' id='factorial-input' size='2'>
		</label>
		<button id='factorial-button'>Calcula</button>
		<br><br>

		<label>
			Calcula el logaritmo en base 10 de: 
			<input type='number' id='half-input' size='2'>
		</label>
		<button id='logaritmo-button'>Calcula</button>
		<br><br>

		<label>
			Calcula el seno de: 
			<input type='number' id='angulo1-input' size='2'>
		</label>
		<button id='seno-button'>Calcula</button>
		<br><br>

		<label>
			Calcula el coseno de: 
			<input type='number' id='angulo2-input' size='2'>
		</label>
		<button id='coseno-button'>Calcula</button>
		<br><br>

		<div id='solution'></div>
		<script type="text/javascript">
			function factorial(){
				var numero = $('#factorial-input').val();
				var resultado = 1;
				for(var i=1; i<=numero; i++) {
  					resultado *= i;
				}
				$('#solution').html('El factorial de ' + numero + ' es: ' + resultado);
			}

			function logaritmo(){
				var numero = $('#half-input').val();
				var resultado;
				var base1 =10;
				var dn = 1;
				dn = Math.log(base1);
				var resultado = Math.log(numero)/dn;
				$('#solution').html('El logaritmo en base 10 de ' + numero + ' es: ' + resultado);
			}

			function seno(){
				var numero = $('#angulo1-input').val();
				var resultado;
				resultado = Math.sin(numero);
				$('#solution').html('El seno de ' + numero + ' es: ' + resultado);
			}

			function coseno(){
				var numero = $('#angulo2-input').val();
				var resultado;
				resultado = Math.cos(numero);
				$('#solution').html('El coseno de ' + numero + ' es: ' + resultado);
			}

			/*$('#factorial-button').click(factorial);
			$('#logaritmo-button').click(logaritmo);
			$('#seno-button').click(seno);
			$('#coseno-button').click(coseno);*/

			$(document).on('click', '#factorial-button', factorial);
			$(document).on('click', '#logaritmo-button', logaritmo);
			$(document).on('click', '#seno-button', seno);
			$(document).on('click', '#coseno-button', coseno);

			var newButton = ("<input type='button' id='new' value='new'>");
			$('body').append(newButton);
			$('#new').click(factorial);
		</script>
	</body>
</html>